<template>
  <div class="home">
    <div class="container"></div>
    <Company :bg="true" />
    <Project />
    <News />
    <About />
    <Footer />
  </div>
</template>

<script>
import Project from "@/components/Project";
import Company from "@/components/Company";
import News from "@/components/News";
import About from "@/components/About";
import Footer from "@/components/footer";

export default {
  name: "Home",
  components: {
    Project,
    Company,
    Footer,
    News,
    About,
  },
};
</script>
<style scoped lang="scss">
.container {
  height: 600px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("/img/tupiannei.png");
  position: relative;
}
</style>
